body {
	display: flex;
	flex-direction: column;
}
.top-data {
	background: url(../../assets/images/index-card-badge.png) no-repeat;
	background-size: 100px;
	background-position: right bottom;
	width: 100%;
	height: 180px;
	background-color: #4294ff;
	padding: 15px 20px 50px;
	color: #fff;
	.goback {
		font-size: 22px;
		font-family: 宋体;
		font-weight: bold;
	}
	.detail {
		height: 150px;
		display: flex;
		justify-content: space-between;
		// margin-bottom: 20px;
		span {
			display: block;
		}
		div {
			width: 50%;
			height: 150px;
		}
		& :first-child {
			font-size: 22px;
			font-weight: bold;
		}
		.badges {
			padding-top: 20px;
		}
		.rank {
			font-size: 72px;
			font-weight: bold;
		}
	}
	.daily-rank {
		width: 100%;
		text-align: right;
		color: #004e73;
		font-size: 16px;
		padding-right: 110px;
	}
}
#badges {
	height: 1;
	flex: 1;
	width: 100%;
	padding: 20px;
	ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	li {
		height: 100px;
		width: 100px;
		margin-bottom: 40px;
		margin-right: 11px;
		font-size: 10px;
		text-align: center;
	}
}
